body{
    min-width: 320px;
    max-width: 750px;
    margin:2rem auto;
    line-height: 1.5;
    font-family: Arial, Helvetica;
    background: #f2f2f2;
}
a{
    text-decoration: none;
    color:#8888;
}
.swiper-container{
    text-align: center;
    width: 5rem;
    height: 5rem;
    .swiper-wrapper{
        .swiper-slide{
            img{
                width:3rem;
                height:3rem;
            }
        }
    }
}

.two{
    width: 7rem;
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
  
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        transition: 300ms;
        transform: scale(0.8);
        opacity: 0.6;
      }
      .swiper-slide-active,.swiper-slide-duplicate-active{
        transform: scale(1);
        opacity: 1;
      }
}